.packageCommunity {
  background-color: #f5f7f9;
  width: 100vw;
  height: 100vh;
  flex-direction: column;
  .successBox {
    height: calc(80vw * 0.59);
    background-image: url('./img/model_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0;
    .title {
      text-align: center;
      font-size: 36px;
      font-weight: 600;
      color: #966c45;
      line-height: 50px;
      margin-top: 40px;
    }
    .content {
      text-align: center;
      font-size: 28px;
      font-weight: 400;
      color: #966c45;
      line-height: 40px;
      margin-top: 20px;
    }
    .btnIcon {
      width: 340px;
      height: 68px;
    }
  }
  .errorBox {
    height: calc(80vw * 0.59);
    background-image: url('./img/model_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    flex-direction: column;
    .title {
      font-size: 36px;
      font-weight: 600;
      color: #ffffff;
      line-height: 50px;
      margin: 14px 30px;
    }
    .content {
      font-size: 28px;
      font-weight: 400;
      color: #966c45;
      line-height: 40px;
      margin-top: 80px;
      text-align: center;
    }
  }
}
